A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: underline; color: red;}


body {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
+
}

.input_s
{
	color: #781351;
	background: #eeeedd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
} 

.input_t
{
	color: #781351;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 25px;
}

.input_a
{
	color: #000000;
	background: #00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:3px;
}

.input_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.textarea_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.layerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 6px;
}

.questionText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	padding: 6px;
}

.answerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	padding: 6px;
}

.factText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	padding: 6px;
}

.sortCriteria {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4D5073;
	line-height: 15px;
	padding: 6px;
}

.listview {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.table2
{
    border-color: #718D9B;
    border-width: 0 0 0 12px;
    border-style: solid;
	border-collapse: collapse;
}

.table3
{
    border-color: #718D9B;
    border-width: 0 0 0 0;
    border-style: solid;
	border-collapse: collapse;
}
.tdx
{
    border-color: #E3DFDF;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    margin: 0;
    padding: 6px;
	spacing: 2px;
    background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.tdUnderline {
	border-color: #E3DFDF;
    border-width: 3px 3px 3px 3px;
    border-style: solid;
    margin: 0;
    padding: 6px;
	spacing: 0px;
    background-color: #E6ECF2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}


.tdUnderlineS {
	border-color: #ffffff;
    border-width: 3px 3px 3px 3px;
    border-style: solid;
    margin: 0;
    padding: 6px;
	spacing: 0px;
    background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.td3 {
	border-color: #E3DFDF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.td4 {
	border-color: #E3DFDF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdpers {
	border-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    margin: 0;
    padding: 4px;
	spacing: 0px;
    background-color: #efeff4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdpersL {
	border-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    margin: 0;
    padding: 4px;
	spacing: 0px;
    background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdH {
	border-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    margin: 0;
    padding: 4px;
	spacing: 0px;
    background-color: #99CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.bigButton {
  
    padding: 10px;
    background-color: #99CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
	color: #000000;
	margin-left: 20px;
	width:300px;
}  

.smallButton {
  
    padding: 4px;
    background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:center;
	color: #000000;
	margin-left: 20px;
	width:300px;
}


.tdu {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #E3DFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdorange {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #FF9966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdblue {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #c6dcf1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tdgreen {
	border-color: #999999;
   
    border-style: solid;
    margin: 0;
    padding: 2px;
    background-color: #84E984;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
} 


.tdNewButton {
    width: 150px;
	border-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #aae6da;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 20px;
}

.tdPrintButton {
    width: 150px;
	border-color: #ffffff;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #d2c2f3;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-left: 20px;
}

.goodMSG {
    width: 250px;
	border-color: #222222;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #aae6da;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-left: 20px;
}

.badMSG {
    width: 250px;
	border-color: red;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #b53131;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-left: 20px;
}

.textareaBox {
	width: 330px;
	height: 20px;
	#border: 2px solid #CCCCFF;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	color:#000099;
	padding-top: 8px;
	#background-image: url(images/A.gif);
	background:#ffffff;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.tdhed {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	margin-left: 20px;
}

.tdhedL {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin-left: 20px;
}

.tduL {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #E3DFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.tduLT {
	border-color: #FFFFFF;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #c6dcf1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
}

.quest {
	border-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #E3DFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.small_inputs {
	border-color: #FFFFFF;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding: 1px;
	spacing: 0px;
    background-color: #E3DFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.worksh {
	border-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    margin: 0;
    padding: 5px;
	spacing: 0px;
    background-color: #E3DFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}


.td2 {
	border-color: #ffffff;
    border-width: 0 0 0 0;
    border-style: solid;
   
}

.tdUnderline2
{
    border-color: #333333;
    border-width: 0px 0px 3px 0;
    border-style: solid;
    margin: 0;
}
.instruction {
	font-size: 11px;
	color: #993300;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 14px;
	line-height: 14px;
}
.instructionHead {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -8px;
	
}

.note {
	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px;
	line-height: 12px;
}

.factTextHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006666;
	line-height: 16px;
	padding: 6px;
}









/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.index_table {
	border-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding-left:8px;
	spacing: 0px;
    background-color: #eeeee0;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 10px;
font-weight:bold;
color: #333333;

}   

.index_table_repeating {
	border-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding-left:8px;
	spacing: 0px;
    background-color: #e0eeee;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 10px;
color: #333333;

}


.schedule_done {
	border-color: #ddd;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding-left:8px;
	spacing: 0px;
    background-color: #cccccc;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 10px;
color: #333333;

}

.index_table_empty {
	border-color: red;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #EAEDDB;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 10px;

color: #333333;
}

.index_table_o {
	border-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #ffffff;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 10px;
font-weight:bold;
color: #333333;

}

.index_table_hed {
	border-color: #ffffff;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    margin: 0;
    padding: 2px;
	spacing: 0px;
    background-color: #6c769a;
	font-family: "Helvetica Neue", Arial, Helvetica;
font-size: 16px;
font-weight: bold;
color: #ffffff;

}

.lockedResponse {
	border-color: green;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
	spacing: 0px;
    background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.editButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	
	text-align:center; 
	width:65px; 
	border:1px;
	
	font-weight: bold;
	padding: 2px;
	}

.link {
	color:#009;
	font-size:10px;
	
}

.showName {
	font-size: 14px;
	padding: 8px;	
}  

.calendar_container_edit {
	background-image:url('http://66.118.188.130/*cjly.ca/httpdocs/images/calendar_bg.jpg');
	background-repeat: repeat; 
}

.cal_header {
	postion: relative;
	z-index: 99;
	left:20px;
}

.hours_scale_container {
 position:absolute; 
 top: 150px;
	
}
.calendar_days_head {
 	position: fixed;
	z-index:99;
	padding: 4px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	border-color: white;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	margin-left: 8px;
	color: white;
	
}
.hours_scale_item {
   border-color: #cccccc;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	height: 48px;
	width: 855px;
}

.day_column {
	position:absolute;
	width:100px;
	top: 150px;
	
	padding:12px;
}

.calendar_show {
	position: absolute;
	padding: 4px;
	width: 100px;
	
	background-color: rgba(210, 206, 248, 0.5);
	border-color: blue;
    border-width: 1px 1px 1px 1px;
    border-style: solid;

text-align: center;
font-size: 11px;
} 

.edit_form  {
 padding: 20px;
 background-color: #ddd;
 width:400px; 
} 

.edit_controls  {
	border-color: gray;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	font-size: 11px;
	padding: 4px;
	background-color: #555;
	text-align: center;
}

.addSpot {
 	border-color: gray;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	font-size: 11px;
	padding: 4px;
	background-color: #aae6da;
}

.time_played {
  float:right; 
	padding-right:10px; 
}

.done_button {
  float:right; 
	padding:2px; 
	background-color:#CCFFCC;
	 border-color: gray;
    border-width: .5px 1px 1px 1px;
    border-style: solid;
}

.report_subhead {
 padding: 4px;
 background-color:#000;
color:white;
font-weight:bold;
font-size:15px;   
margin-top: 5px;  
}
 .report_item { 
 padding:4px;
 background-color:#fff;
	border-color: #ccc;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
} 

.event_row {
   position:relative;
	width:596px;
  height:24px;
  padding: 2px 5px 0px 15px;    
  background-image: url("../images/playlists-list-bg.jpg");
  font-size:12px;
	
}

.event_row_current {
	position:relative; 
 	width:594px;
	  height:23px;
	  padding: 2px 5px 0px 15px;
	margin-top:3px;
	margin-bottom:5px;
  background-image: url("../images/playlists-list-bg-current.jpg");
font-size:12px;  
}

#list {
  padding: 5px;
  background-color:#eee;
  width: 615px;
} 

.wall {
  position:absolute;
  left:660px;
  top:20px;
	z-index:2;
	padding: 8px;
	padding-top:25px;
	width:300px;
	height:450px;
	overflow:auto;
	font-size:11px;
} 
#wall_bg { 
	  background-color:#fff; 
	  filter:alpha(opacity=50);   /* Internet Explorer       */
	  -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	   opacity: 0.5;
		z-index:1; 
}  


.date_header {
	position:relative;  	
	width:592px;
	  height:25px;
	  padding: 4px 5px 0px 13px;
	margin-top:3px;
	margin-bottom:5px;
  background-color:#aaa;
	color: white;
	text-align:left;
	font-size:19px;
	border-bottom: 1px solid #000;
} 

.time {
	position:absolute;
	right:5px;
	top:4px;  
	padding: 2px 5px 0px 13px;
  	background-color:#aaa;
	color: black;
	font-size:17px;
} 

.playlist_bit {
	font-size:11px; 
}

.button_b {
	float:right;
	font-size:11px; 
   padding: 2px 0px 0px 6px;
	margin-top:-1px;
	margin-bottom:0px;
  	background-image: url("../images/button-blue.jpg");
   color:white;
	height:15px;
}

.button_b_rt {
	float:right;
   padding: 0px 0px 0px 0px;
	margin-top:-2px;
  	background-image: url("../images/button-blue-right.jpg");
	height:17px;
	width:8px;
} 

.change_day_butt {
   padding: 1px 3px 1px 3px;
	margin-left:10px;
  	background-color: #fff;
 	font-size:9px;
}

#marker {
	position:absolute;
	top:6px;
	left:657px;
	z-index:10;
	cursor: pointer;
} 
.wall_message {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid #ddd;
}

#wall_author {
	padding-left:10px;
	padding-top:3px; 
	font-weight:bold;
	color: #095213;
	font-size:9px;
} 

#wall_form {
	background-color:#ccc;
	padding:20px;
	width: 400px;  
}

.report_box {
	font-size:12px;
	text-align:left;
	background-color:#ccc; 
	padding:6px; 
	margin-bottom:8px;
}  

.brdr {
	border-width: 1px;
	border-style: solid;
	border-top-color: #fff;
	border-left-color: #fff;
	border-right-color: #aaa;
	border-bottom-color: #aaa; 
} 

.prefill_container {
   font-size:13px;
	text-align:left;
	background-color:#DAB5CF; 
	padding:6px; 
	border: 1px solid #999;
	width: 350px;
}

